body {        /*背景*/
    background-image: url('../images/4.jpg');
    background-size:cover;
    margin-top: 100px;
    margin-left: 120px;

}
div{  /*两间距*/
    margin: 50px;
}
#sell{
    background-image: url('../images/5.jpg');
    background-position-y: -450px;
    background-size:cover;
    width: 1000px;
    height:200px;
    /*边界距离*/
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;/*边界半径*/
    padding: 50px 50px;
}
#order{
    background-image: url('../images/6.jpg');
    background-position-y: -260px;
    background-size:cover;
    width: 1000px;
    height:200px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;/*边界半径*/
    padding: 50px 50px;
}
a{
    text-decoration: none;
}
#sell {
    -webkit-animation: fadeleftIn 1.2s;
    animation: fadeleftIn 1.2s;
}
@keyframes fadeleftIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -webkit-transform: none; transform: none;
    }
}
@-webkit-keyframes fadeleftIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
    }
    100% {
        -webkit-transform: none;
    }
}

#order {
    -webkit-animation: fadeRightIn 1.2s;
    animation: fadeRightIn 1.2s;
}
@keyframes fadeRightIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        -webkit-transform: none; transform: none;
    }
}
@-webkit-keyframes fadeRightIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
    }
    100% {
        -webkit-transform: none;
    }
}


#sellword{
    font-size:100px;
    color: white;
}
#orderword{
    font-size:100px;
    color: white;
;}